<template>
	<view class="homes-list" @click="toInfo(list)">
		<image src="@/static/imgs/shebei.png" mode=""></image>
		<view class="box1">	
			<view>{{list.currency}}</view>
			<view>
				<text>{{list.calc_power}}</text>
				<text class="unit">{{list.calc_power_unit}}</text>
			</view>
			<view>
				<text>{{list.theo_bene}}</text>
				<text class="unit">/T</text>
			</view>
		</view>
		<view class="box2">
			<view>{{list.algorithm}}</view>
			<view>{{list.curr_price}}</view>
			<view>{{list.curr_value}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['list','type'],
		data(){
			return{
				
			}
		},
		methods:{
			toInfo(e){
				e=JSON.stringify(e)
				uni.navigateTo({
					url:`../../pages/info/info?list=${JSON.stringify(e)}`
				})
			}
		},
		created() {
		
		}
	}
</script>


<style scoped>
	.unit {
		font-size: 24rpx;
		font-weight: 400;
		color: #99989D;
	}
	.homes-list{
		position: relative;
		/* top: 16rpx; */
		font-weight: 550;
		font-size: .9em;
		border-bottom: 4rpx solid #F3F3F3;
	}
	image{
		border-radius: 50%;
		width: 60rpx;
		height: 60rpx;
	}
	.box1{
		width: 100vw;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		margin-top: -60rpx;
	}
	.box1>view:nth-of-type(1){
		width: 120rpx;
		text-align: center;
	}
	.box1>view:nth-of-type(2){
		width: 120rpx;
		text-align: center;
	}
	.box1>view:nth-of-type(3){
		width: 180rpx;
		text-align: center;
	}
	.box2{
		font-size: .6em;
		width: 100vw;
		opacity: .6;
		margin-top: -10rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		text-align: center;
	}
	.box2>view:nth-of-type(1){
		width: 120rpx;
	}
	.box2>view:nth-of-type(2){
		width: 120rpx;
	}
	.box2>view:nth-of-type(3){
		width: 180rpx;
	}
</style>
